 // 找办公空间
 #app {
    width: 100%;
    // min-height: 150vh;
    overflow:hidden;
    z-index: 1000;
    background: #efefef;
    font-family:'Arial';
    color: #141414;
    .actived {
      color: #ffdb00;
    }
    .active {
      background: lightskyblue;
    }
    .priceactive{
      color: #21ABEC;
      
    }
    .priceunactive{
      color: #999;
    }
    // 筛选条件
    .office_container{
      width: 100%;
      min-height: 30px;
      margin: 0 auto;
      margin-top: 61px;
      background-color: #fff;
      font-family:'Arial';
      .condition_box {
        width:1366px;
        min-height: 50px;
        margin: 0 auto;
        .city_box,
        .type_box,
        .position_box,
        .price_box,
        .area_box,
        .person_box{
          width: 1366px;
          line-height: 50px;
          display: flex;
          justify-content: flex-start;
          border-bottom: 1px solid #efefef;
          span {
            width: 100px;
            font-size: 14px;
            text-align: left;
          }
        }
        .selected_box{
          width: 100%;
          overflow:hidden;
          line-height: 50px;
          display: flex;
          position: relative;
          z-index:800;
          justify-content: flex-start;
          border-bottom: 1px solid #efefef;
          span {
            width: 100px;
            height: 50px;
            font-size: 14px;
            text-align: left;
          }
          .seleceFixed{
            width: 1366px;
            position: fixed;
            top: 61px;
            z-index: 1000;
            height: 50px;
            background-color: #fff;
            border-top: 1px solid #efefef;
            span {
              width: 100px;
              font-size: 14px;
              text-align: left;
            }
            span:nth-child(1){
              margin-left: 5px;
            }
          }
        }
        // 城市
        .city_box {
          width: 1466px;
          min-height:50px;    
          .list_city {
            @include ul_global;
            li {
              width: 90px;
              @include ul_li_global;
              margin-left: -10px;
            }
            li:first-child {
              width: 83px;
              // margin-left: 2px;
            }
          }
        }
        // 类型
        .type_box {
          @include select_box_global;
          .list_type {
            @include ul_global;
            width: 1366px;
            height: 50px;
            li {
              width: 78px;
              height: 50px;
              @include ul_li_global;
            
            }
            li:first-child {
              width: 78px;
              margin-left: -10px;
            }
          }
          .list_types {
            @include ul_global;
            li {
              float:left;
              display: inline-block;
              width: 4vw;
              font-size: 14px;
              font-weight: bold;
              text-align: left;
              border-bottom: 0.5px solid #efefef;
              &:hover {
                cursor: pointer;
              }
            }
            li:nth-child(1) {
              width: 78px;
              margin-left: -10px;
            }
          }
        }
        // 区域
        .type_boxs{
          @include select_box_global;
          width: 1366px;
          min-height: 50px;
          .list_type {
            @include ul_global;
            width: 1255px;
            margin: 0 auto;
            padding-left: 60px;
            li {
              min-width: 78px;
              height: 50px;
              line-height: 50px;
              @include ul_li_global;
              border-bottom: 0.5px solid #efefef;
            }
            li:nth-child(1){
              width: 78px;
              margin-left: 10px;
            }
            li:nth-child(16){
              width: 78px;
              margin-left: 10px;
            }
          }
          .list_types {
            @include ul_global;
            width: 1255px;
            min-height: 50px;
            padding-left: 90px;
            li {
              @include ul_li_global;
              min-width: 78px;
              height: 50px;
              line-height: 50px;
              border-bottom: 0.5px solid #efefef;
            }
            li:nth-child(1){
              width: 78px;
              margin-left: 4px;
            }
            li:nth-child(17){
              width: 78px;
              margin-left: 5px;
            }
          }
        }
        .position_box {
          @include select_box_global;
          .list_position {
            @include ul_global;
            li {
              margin-left: -5px;
              @include ul_li_global;
              height: 50px;
              line-height: 50px;
              width: 85px;
            }
            li:nth-child(1){
              margin-left: -10px;
            }
          }
        }
        .price_box {
          @include select_box_global;
          .list_price {
            @include ul_global;
            li {
              width: 130px;
              @include ul_li_global;
            }
            li:nth-child(1){
              width: 85px;
              margin-left: -10px;
            }
            li:nth-child(8){
              width: 450px;
            }
          }
          .list_prices{
            li {
              width: 165px;
              @include ul_li_global;
            }
            li:nth-child(1){
              width: 78px;
              margin-left: -10px;
            }
            li:nth-child(7){
              width: 350px;
            }
          }
        }
        .person_box{
          @include select_box_global;
          .list_price {
            @include ul_global;
            li {
              width: 78px;
              @include ul_li_global;
            }
            li:nth-child(1){
              width: 78px;
              margin-left: -10px;
            }
            li:nth-child(8){
              width: 450px;
            }
          }
          .list_prices{
            li {
              width: 165px;
              @include ul_li_global;
              margin-left: -10px;
            }
            li:nth-child(1){
              width: 85px;
            }
            li:nth-child(7){
              width: 350px;
            }
          }
        }
        .area_box {
          @include select_box_global;
          .list_price {
            @include ul_global;
            li {
              width: 100px;
              @include ul_li_global;
            }
            li:nth-child(1){
              width: 85px;
              margin-left: -10px;
            }
            li:nth-child(7){
              width: 235px;
              margin-left: -10px;
            }
          }
        }
        .selected_box {
          width: 100%;
          border: 0px;
          .list_selected {
            width: 100%;
            min-height: 50px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            li {
              min-width:30px;
              height:25px;
              line-height: 25px;
              font-size: 14px;
              margin-right: 10px;
              padding:2px 10px;
              text-align: center;
              border: 1px dashed #ffdb00;
              border-radius:2px;
             
            }
            li.hanggao{
              line-height: 18px;
            }
            li.list_selectedte{
              min-width:0;
              height:none;
              line-height: 26px;
              font-size: none;
              margin-right: 0;
              padding:0;
              text-align: none;
              border: none;
              border-radius:none;
              div{
                min-width:30px;
                height:25px;
                line-height: 18px;
                font-size: 14px;
                margin-right: 10px;
                margin-top: -3px;
                padding:2px 8px;
                text-align: center;
                border: 1px dashed #ffdb00;
                border-radius:2px;
              }

            }
          }
        }
      }
    }
    // 房源列表
    .house_box{
      width: 1366px;
      min-height: 600px;
      overflow: hidden;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      position: relative;
      .house_box_left{
        width:900px;
        min-height:300px;
        .house_list{
          width: 900px;
          min-height: 100px;
          background: #fff;
          position: relative;
          .guanggao{
            position: absolute;
            // left: -10px;
            right: -5px;
            top: -5px;
            width: 55px;
            height: 30px;
          }
          .house_container{
            width: 900px;
            height: 166px;
            position: relative;
            border-bottom:1px solid rgba(239,239,239,1);
            &:hover{
              background: rgba(139, 139, 139, 0.2);
            }
            .opentag{
              width: 900px;
              min-height: 165px;
              ul{
                .house_container_poster{
                  width: 255px;
                  height: 136px;
                  margin: 15px 0px 15px 20px;
                  position: absolute;
                  .poster{
                    width: 220px;
                    height: 136px;
                  }
                }
                .house_container_detail{
                  min-width: 380px;
                  max-width: 600px;
                  height: 140px;
                  text-align: left;
                  position: absolute;
                  left: 291px;
                  top: 25px;
                  overflow: hidden;
                  .tag{
                    display: inline-block;
                    min-width: 74px;
                    height: 28px;
                    line-height: 28px;
                    color: #ED4242;
                    text-align: center;
                    margin-right: 5px;
                    font-size: 12px;
                    background:rgba(255,228,228,1);
                  }
                  .address{
                    font-size:14px;
                    height:19px;
                    line-height:19px;
                  }
                  .acreagelist{
                    width: 62px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 14px;
                    text-align: center;
                    padding: 5px;
                    margin-top: 36px;
                    border:1px solid rgba(239,239,239,1);
                  }
                  .officename{
                    display: inline-block;
                    height:37px;
                    line-height: 30px;
                    font-size: 26px;
                    margin-right: 5px;
                    max-width: 340px;
                    min-width:30px;
                    
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                  }
                  .zheng{
                    width: 55px;
                    height: 25px;
                    position: absolute;
                  }
                }
                .house_container_intro{
                  width: 200px;
                  height: 140px;
                  position: absolute;
                  left: 680px;
                  top: 15px;
                  text-align: right;
                  border-bottom: none;
                  .pricebox{
                    width: 200px;
                    height: 40px;
                    position: relative;
                    .price{
                      color: #ED4242;
                      font-size: 28px;
                      font-weight: bold;
                    }
                  }
                  .preferentialbox{
                    width: 200px;
                    height: 30px;
                    text-align: right;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    margin-right: 0px;
                    .preferential{
                      height: 30px;
                      width: 120px;
                      display: flex;
                      justify-content: flex-end;
                    }
                    .youxuan_img{
                      width: 28px;
                      height: 28px;
                      right: 0px;
                    }
                    .preferential_img{
                      width: 28px;
                      height: 28px;
                      right: 0px;
                    }
                  }
                  .morebox{
                    .showmore{
                      width:120px;
                      background:#FFE300;
                      border:none;
                      margin: 32px 0px 0px 0px;
                      &:hover{
                        color: #141414;
                      }
                    }
                  }
                }
              }
            }
            
          }
          .house_li{
            width: 897px;
            height: 186px;
            position: relative;
            border-bottom:1px solid rgba(239,239,239,1);
            border:1.5px solid #FFE300;
            &:hover{
              background: rgba(139, 139, 139, 0.2);
            }
            .opentag{
              width: 900px;
              min-height: 136px;
              ul{
                .house_container_poster{
                  width: 255px;
                  height: 150px;
                  margin: 25px 0px 20px 20px;
                  position: absolute;
                  .poster{
                    width: 220px;
                    height: 136px;
                    z-index:10;
                  }
                }
                .house_container_detail{
                  min-width: 380px;
                  max-width: 600px;
                  height: 150px;
                  text-align: left;
                  position: absolute;
                  left: 291px;
                  top: 35px;
                  overflow: hidden;
                  .tag{
                    display: inline-block;
                    min-width: 74px;
                    height: 28px;
                    line-height: 28px;
                    color: #ED4242;
                    text-align: center;
                    margin-right: 5px;
                    font-size: 12px;
                    background:rgba(255,228,228,1);
                  }
                  .address{
                    font-size:14px;
                    height:19px;
                    line-height:19px;
                  }
                  .acreagelist{
                    width: 62px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 14px;
                    text-align: center;
                    padding: 5px;
                    margin-top: 36px;
                    border:1px solid rgba(239,239,239,1);
                  }
                  .officename{
                    display: inline-block;
                    height:37px;
                    max-width: 340px;
                    min-width:30px;
                    line-height: 30px;
                    font-size: 26px;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                  }
                }
                .house_container_intro{
                  width: 200px;
                  height: 150px;
                  position: absolute;
                  left: 680px;
                  top: 33px;
                  text-align: right;
                  border-bottom: none;
                  .pricebox{
                    width: 200px;
                    height: 35px;
                    position: relative;
                    .price{
                      color: #ED4242;
                      font-size: 28px;
                      font-weight: bold;
                    }
                  }
                  .preferentialbox{
                    width: 200px;
                    height: 65px;
                    text-align: right;
                    margin-right: 0px;
                    position: relative;
                    .preferential{
                      height: 30px;
                      width: 120px;
                      margin:-15px 0px 0px 0px;
                      display: flex;
                      justify-content: flex-end;
                      position: relative;
                      .youxuan_img{
                        width: 28px;
                        height: 28px;
                        right: 0px;
                      }
                      .preferential_img{
                        width: 28px;
                        height: 28px;
                        right: 0px;
                      }
                    }
                  }
                  .morebox{
                    .showmore{
                      width:120px;
                      background:#FFE300;
                      border:none;
                      margin: 5px 0px 0px 0px;
                      &:hover{
                        color: #141414;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .footer_page{
          width: 900px;
          height: 60px;
          margin: 0 auto;
          margin: 60px 0px 2vh 0px;
          display: flex;
          justify-content: center;
          align-content: center;
        }
      }
      .house_box_right{
        width:456px;
        // height: 800px;
        overflow: hidden;
        margin-left: 10px;
        #allmap{
          width: 456px;
          // height: 600px;
        }
      }
      .house_box_right{
        width:456px;
        // height: 800px;
        overflow:hidden;
        margin-left: 10px;
        .isFixed{
          width: 100%;
          position: fixed;
          top:130px;
          z-index: 999;
        }
        .isAbsolute{
          position: absolute;
          bottom:136px;
          right:0;
        }
      }
    }
    .tagBox{
      @include tagBox_global;
      .tags{
        width: 900px;
        float: left;
        .taglist{
          @include tagList_global;
          .tag_container{
            @include tag_container_global;
            .tagImg{
              @include tag_img_global;
            }
            .tagName{
              @include tag_name_global;
            }
          }
        }
        // 排序
        .sortBox{
          width: 180px;
          height:35px;
          line-height: 35px;
          float: right;
          font-size: 14px;
          cursor: pointer;
          position: relative;
          margin-top: -5px;
          .comprehensive{
            width: 80px;
            position: absolute;
            left: 0;
          }
          .pricesort{
            width: 110px;
            position: absolute;
            left: 70px;
          }
          .icon-arrowdown1{
            height: 15px;
            line-height: 15px;
            position: absolute;
            font-size:12px;
            left:160px;
            top: 15px;
          }
          .icon-arrowup{
            height: 15px;
            line-height: 15px;
            position: absolute;
            font-size:12px;
            left: 160px;
            top: -15px;
          }
        }
       
      }
    }
    .house_box_noresult{
      width: 1376px;
      height: 700px;
      overflow: hidden;
      margin: 0 auto;
      // margin-top: 20px;
      background-color: #fff;
      .phonetext{
       font-size: 20px;
       color: #999;
       line-height: 10px;
        margin-top: -30px;
      }
      .zytext{
        font-size: 18px;
        color: #999;
       }
    }
  }  